<template>
    <div>
      <el-row :gutter="15">
        <el-form ref="elForm" :model="formData" :rules="rules" size="mini" label-width="100px">
          <el-col :span="4">
            <el-form-item label="用户名称" prop="userName">
              <el-input v-model="formData.userName" placeholder="请输入用户名称" clearable :style="{width: '100%'}">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item label="用户层级" prop="userLevel">
              <el-input v-model="formData.userLevel" placeholder="请输入用户层级" clearable :style="{width: '100%'}">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item label="归属用户" prop="vestUser">
              <el-input v-model="formData.vestUser" placeholder="请输入归属用户" clearable :style="{width: '100%'}">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item label="审核状态" prop="status">
              <el-select v-model="formData.status" placeholder="请选择审核状态" clearable :style="{width: '100%'}">
                <el-option v-for="(item, index) in statusOptions" :key="index" :label="item.label"
                  :value="item.value" :disabled="item.disabled"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item label="注册" prop="sign">
              <el-button type="primary" icon="el-icon-search" size="medium"> 主要按钮 </el-button>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item label="批量调价" prop="batchRPA">
              <el-button type="primary" icon="el-icon-search" size="medium"> 主要按钮 </el-button>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item label="批量删除" prop="batchDeal">
              <el-button type="primary" icon="el-icon-search" size="medium"> 主要按钮 </el-button>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item size="large">
              <el-button type="primary" @click="submitForm">搜索</el-button>
              <el-button @click="resetForm">重置</el-button>
            </el-form-item>
          </el-col>
        </el-form>
      </el-row>
    </div>
  </template>
  <script>
  export default {
    components: {},
    props: [],
    data() {
      return {
        formData: {
          userName: '',
          userLevel: undefined,
          vestUser: undefined,
          status: 0,
          sign: '',
          batchRPA: '',
          batchDeal: '',
        },
        rules: {
          userName: [],
          userLevel: [],
          vestUser: [],
          status: [],
        },
        statusOptions: [{
          "label": "全部",
          "value": 0
        }, {
          "label": "待审核",
          "value": 1
        }, {
          "label": "已通过",
          "value": 2
        }, {
          "label": "已拒绝",
          "value": 3
        }],
      }
    },
    computed: {},
    watch: {},
    created() {},
    mounted() {},
    methods: {
      submitForm() {
        this.$refs['elForm'].validate(valid => {
          if (!valid) return
          // TODO 提交表单
        })
      },
      resetForm() {
        this.$refs['elForm'].resetFields()
      },
    }
  }
  
  </script>
  <style>
  </style>
  